<template>
	<view class="findPage">
		<cu-custom bgColor="bg-gradual-red" :isBack="false">
			<block slot="content">找到组织</block>
		</cu-custom>			
		<scroll-view scroll-y="true" class="finList">
			<view class="findBox" @click="navTo('/pages/we/detail')">
				<view class="headBox flex justify-between align-center">
					<view class="flex justify-start align-center">
						<image src="../../static/logo.png" class="imgHead" ></image>
						<view class="nameBox">
							<view class="name">asd</view>
							<view class="sec">asd</view>
						</view>
					</view>
					<view class="boxItem">
					啊大苏打	
					</view>
				</view>
				<view class="ContetText">
					啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打
				</view>
				<view class="bottomBox flex justify-between align-center">
					<view class="flex justify-start align-center">
						<view class="cuIcon-comment ico"></view>
						<view class="text">评论</view> 
					</view>
					<view class="flex justify-start align-center">
						<view class="cuIcon-like ico"></view>
						<view class="text">3.5w</view> 
					</view>
					<view class="flex justify-start align-center">
						<view class="cuIcon-appreciate"></view>
						<view class="text">23</view> 
					</view>															
					<view class="flex justify-start align-center">
						<view class="cuIcon-share ico"></view>
						<view class="text">分享</view> 
					</view>
				</view>
			</view> 
			<view class="findBox">
				<view class="headBox flex justify-between align-center">
					<view class="flex justify-start align-center">
						<image src="../../static/logo.png" class="imgHead" ></image>
						<view class="nameBox">
							<view class="name">asd</view>
							<view class="sec">asd</view>
						</view>
					</view>
					<view class="boxItem">
					啊大苏打	
					</view>
				</view>
				<view class="ContetText">
					啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打
				</view>
				<view class="bottomBox flex justify-between align-center">
					<view class="flex justify-start align-center">
						<view class="cuIcon-comment ico"></view>
						<view class="text">评论</view> 
					</view>
					<view class="flex justify-start align-center">
						<view class="cuIcon-like ico"></view>
						<view class="text">3.5w</view> 
					</view>
					<view class="flex justify-start align-center">
						<view class="cuIcon-appreciate"></view>
						<view class="text">23</view> 
					</view>															
					<view class="flex justify-start align-center">
						<view class="cuIcon-share ico"></view>
						<view class="text">分享</view> 
					</view>
				</view>
			</view> 
			<view class="findBox">
				<view class="headBox flex justify-between align-center">
					<view class="flex justify-start align-center">
						<image src="../../static/logo.png" class="imgHead" ></image>
						<view class="nameBox">
							<view class="name">asd</view>
							<view class="sec">asd</view>
						</view>
					</view>
					<view class="boxItem">
					啊大苏打	
					</view>
				</view>
				<view class="ContetText">
					啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打
				</view>
				<view class="bottomBox flex justify-between align-center">
					<view class="flex justify-start align-center">
						<view class="cuIcon-comment ico"></view>
						<view class="text">评论</view> 
					</view>
					<view class="flex justify-start align-center">
						<view class="cuIcon-like ico"></view>
						<view class="text">3.5w</view> 
					</view>
					<view class="flex justify-start align-center">
						<view class="cuIcon-appreciate"></view>
						<view class="text">23</view> 
					</view>															
					<view class="flex justify-start align-center">
						<view class="cuIcon-share ico"></view>
						<view class="text">分享</view> 
					</view>
				</view>
			</view> 
			<view class="findBox">
				<view class="headBox flex justify-between align-center">
					<view class="flex justify-start align-center">
						<image src="../../static/logo.png" class="imgHead" ></image>
						<view class="nameBox">
							<view class="name">asd</view>
							<view class="sec">asd</view>
						</view>
					</view>
					<view class="boxItem">
					啊大苏打	
					</view>
				</view>
				<view class="ContetText">
					啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打
				</view>
				<view class="bottomBox flex justify-between align-center">
					<view class="flex justify-start align-center">
						<view class="cuIcon-comment ico"></view>
						<view class="text">评论</view> 
					</view>
					<view class="flex justify-start align-center">
						<view class="cuIcon-like ico"></view>
						<view class="text">3.5w</view> 
					</view>
					<view class="flex justify-start align-center">
						<view class="cuIcon-appreciate"></view>
						<view class="text">23</view> 
					</view>															
					<view class="flex justify-start align-center">
						<view class="cuIcon-share ico"></view>
						<view class="text">分享</view> 
					</view>
				</view>
			</view> 
			<view class="findBox">
				<view class="headBox flex justify-between align-center">
					<view class="flex justify-start align-center">
						<image src="../../static/logo.png" class="imgHead" ></image>
						<view class="nameBox">
							<view class="name">asd</view>
							<view class="sec">asd</view>
						</view>
					</view>
					<view class="boxItem">
					啊大苏打	
					</view>
				</view>
				<view class="ContetText">
					啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打啊大苏打
				</view>
				<view class="bottomBox flex justify-between align-center">
					<view class="flex justify-start align-center">
						<view class="cuIcon-comment ico"></view>
						<view class="text">评论</view> 
					</view>
					<view class="flex justify-start align-center">
						<view class="cuIcon-like ico"></view>
						<view class="text">3.5w</view> 
					</view>
					<view class="flex justify-start align-center">
						<view class="cuIcon-appreciate"></view>
						<view class="text">23</view> 
					</view>															
					<view class="flex justify-start align-center">
						<view class="cuIcon-share ico"></view>
						<view class="text">分享</view> 
					</view>
				</view>
			</view> 												
		</scroll-view>
		<bar :current="2"></bar>
	</view>
</template>

<script>
	
	import chunleiVideoH5 from '@/components/chunlei-video-h5/chunlei-video-h5';
	export default {
		components:{
			chunleiVideoH5
		},
		data() {
			return {

				
			}
		},

		methods: {
			navTo(url){
				uni.navigateTo({
					url: url
				})
			},
		},
	}
</script>

<style lang="scss">
page{
	background: #FFFFFF;
	height: 100%;
}
.findPage{
	
}
.finList{
	padding: 30upx;
	padding-bottom: 100upx;
}
.findBox{
	width: 100%;
	background: #FFFFFF;
	box-shadow:0px 0px 30upx 0px rgba(0,0,0,0.2);
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 40upx;
	box-sizing: border-box;
	.ContetText{
		padding:20upx;
		background: #f7f7f7;
		color: #333333;
		font-size: 26upx;
	}
	.bottomBox{
		height:90upx;
		background: #FFFFFF;
		padding: 0 40upx;
		.ico{
			font-size: 28upx;
			margin-right: 5upx;
		}
		.text{
			font-size: 24upx;
			margin-left: 5upx;
		}
	}
	.headBox{
		padding: 20upx;
		box-sizing: border-box;
		.imgHead{
			width: 60upx;
			height: 60upx;
		}
		.nameBox{
			margin-left: 10upx;
			.name{
				color: #333333;
				font-size: 26upx;
			}
			.sec{
				color: #8799A3;
				font-size: 24upx;
				margin-top: 5upx;
			}
		}
		.boxItem{
			padding: 8upx 12upx;
			font-size: 26upx;
			border-radius: 5upx;
			color: #D5727A;
			border: 1px solid #D5727A;
		}
	}
}
</style>
